page {
    background-color: #F5F5FF;
}

.userInfo {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 30rpx 0 24rpx 56rpx;
    display: flex;
    align-items: center;
}

.userImg {
    margin-right: 26rpx;
    width: 98rpx;
    height: 98rpx;
    box-shadow: 0rpx 4rpx 7rpx 0rpx rgba(56, 70, 93, 0.07);
    border-radius: 50%;
    overflow: hidden;
}

.userInfo>image {
    margin-right: 26rpx;
    width: 98rpx;
    height: 98rpx;
    box-shadow: 0rpx 4rpx 7rpx 0rpx rgba(56, 70, 93, 0.07);
    border-radius: 50%;
}

.userInfo>view {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.userTip {
    padding: 0rpx 10rpx;
    border-radius: 20rpx;
    position: absolute;
    top: 42rpx;
    left: 330rpx;
    font-size: 24rpx !important;
    color: #333 !important;
    background-color: #FFC825;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(217, 210, 253, 0.19) !important;
}

.userId {
    position: absolute;
    right: 30rpx;
    bottom: 30rpx;
    height: 30rpx !important;
    font-size: 24rpx !important;
    color: #999 !important;
    font-weight: 400 !important;
}

.userNameBox {
    /* position: relative; */
    /* top: -10rpx; */
    display: flex;
    align-items: baseline;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.avaBox {
    width: 98rpx;
    height: 98rpx;
    /* background-color: #EA654A; */
}

.user_img1 {
    width: 100%;
    height: 100%;
}

.avaBox::after {
    border: 0;
    border-radius: 50%;
}


.editTip {
    font-size: 20rpx;
    color: #999;
    margin-left: 20rpx;
}

.userInfo>view>text:last-child {
    margin-top: -14rpx;
    font-size: 24rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}

.noPay {
    position: relative;
    top: 20rpx;
}

.pageMain {
    box-sizing: border-box;
    padding: 0 30rpx;
    position: absolute;
    top: 248rpx;
    width: 750rpx;
    height: calc(100vh - 248rpx);
    background: #FAFAFA;
    /* background: #999; */
    border-radius: 40rpx 40rpx 0rpx 0rpx;
}

.boxAll {
    position: relative;
    top: -96rpx;
}

.infoBox {
    box-sizing: border-box;
    padding: 26rpx 20rpx 36rpx;
    width: 690rpx;
    background: linear-gradient(180deg, #F0E8FD, #FFFFFF);
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(217, 210, 253, 0.19);
    border-radius: 20rpx;
}

.moneyBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 90rpx 18rpx 20rpx 22rpx;
    margin: 14rpx 0 0rpx;
    width: 690rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
}


.newMoneyBox>view:first-child {
    box-sizing: border-box;
    padding: 0rpx 18rpx 0rpx 22rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 20rpx;
    left: 0rpx;
    width: 100%;
    height: auto;
    background-color: transparent;
    font-size: 32rpx !important;
    font-weight: bold;
    font-family: Source Han Sans CN;
    color: #333333;

}



.moneyBox1 {
    box-sizing: border-box;
    padding: 30rpx 22rpx;
}

.handleBox {
    margin-top: 20rpx;
    width: 690rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
}

.infoBox>text:first-child {
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.myInfo {
    margin-top: 24rpx;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myInfo>view {
    flex: 1;
    /* background-color: aquamarine; */
}

.myInfo>view>view:first-child {
    box-sizing: border-box;
    padding-left: 26rpx;
    display: flex;
    align-items: center;
    width: 304rpx;
    height: 48rpx;
    background: linear-gradient(90deg, #F0E8FD, rgba(255, 255, 255, 0));
    border-radius: 24rpx;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}


.myInfo>view>view:first-child>image {
    margin-right: 20rpx;
    width: 30rpx;
    height: 26rpx;
    border-radius: 4rpx;
}

.myInfo>view>view:last-child {
    margin-top: 6rpx;
    box-sizing: border-box;
    padding-left: 10rpx;
    font-size: 44rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #EA6839;
}

.myInfo>view>view:last-child>text {
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #EA6839;
}

.tixian {
    margin-top: 32rpx;
    box-sizing: border-box;
    padding: 0 24rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 650rpx;
    height: 94rpx;
    background: #F5F2FA;
    border-radius: 10rpx;
}

.tixian>view:first-child {
    display: flex;
    align-items: center;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.tixian>view:first-child>image {
    margin-right: 12rpx;
    width: 30rpx;
    height: 30rpx;
}

.tixian>view:last-child {
    display: flex;
    align-items: center;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.tixian>view:last-child>view:last-child {
    margin-left: 20rpx;
    width: 134rpx;
    height: 48rpx;
    line-height: 48rpx;
    text-align: center;
    background: linear-gradient(30deg, #EB583F, #E2805C);
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(235, 88, 63, 0.36);
    border-radius: 23rpx;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFAE7;
}

.moneyBox>view {
    box-sizing: border-box;
    padding: 20rpx 0 14rpx 20rpx;
    width: 49%;
    background: #FBF8FE;
    border-radius: 10rpx;
}

.moneyBox1>view:last-child {
    border: 1rpx solid #eee;
}

.moneyTip,
.moneyTip1 {
    font-size: 44rpx !important;
    font-family: Source Han Sans CN;
    font-weight: bold !important;
    color: #EA6839 !important;
}

.moneyTip1 {
    font-size: 32rpx !important;
}

.moneyBox1>view {
    position: relative;
    box-sizing: border-box;
    padding: 30rpx;
    width: 313rpx;
    height: 114rpx;
    background: #F7F5FF;
    border-radius: 8rpx;
}

.bgImg {
    margin-right: 0rpx !important;
    position: absolute;
    right: 0rpx;
    top: 0px;
    width: 114rpx !important;
    height: 114rpx !important;
}

.moneyBox>view>text:first-child {
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.moneyBox>view>view>text {
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.moneyBox>view>view {
    font-size: 44rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.moneyBox1>view {
    display: flex;
    align-items: center;
}

.moneyBox1>view>view {
    display: flex;
    flex-direction: column;

}

.moneyBox1>view>view>text:last-child {
    font-size: 20rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}

.leftImg {
    position: relative;
    z-index: 0;
}

.moneyBox1>view>image {
    margin-right: 24rpx;
    width: 58rpx;
    height: 58rpx;
}

.handleBox {
    box-sizing: border-box;
    padding-left: 40rpx;
    /* padding: 20rpx 0 40rpx 40rpx; */

}

.handleBox>view {
    box-sizing: border-box;
    padding: 0 52rpx 0 0rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 104rpx;
    border-bottom: 2rpx solid #f2f2f2;
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.handleBox>view:last-child {
    border-bottom: none;
}



.shareBtn {
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 313rpx;
    height: 114rpx;
    border-radius: 8rpx;
    font-size: 26rpx !important;
    z-index: 1;
    background: transparent;
    border: 0rpx solid #fff !important;
}

.shareBtn>text {
    position: relative;
    top: 14rpx;
    left: 20rpx;
    font-size: 32rpx !important;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.shareBtn>text:last-child {
    position: relative;
    top: -26rpx;
    left: -6rpx;
    font-size: 20rpx !important;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}

button::after {
    border: none
}

.getBtn {
    width: 100%;
    height: 40rpx !important;
    font-size: 26rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}


.infoDia {
    position: fixed;
    top: 0rpx;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10;
}


.infoBox1 {
    box-sizing: border-box;
    padding: 26rpx 20rpx 36rpx;
    width: 600rpx;
    background: linear-gradient(180deg, #F0E8FD, #FFFFFF);
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(217, 210, 253, 0.19);
    border-radius: 20rpx;
}

.infoBox1>view:first-child {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #333;
    font-size: 32rpx;
    margin-bottom: 40rpx;
}

.row {
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    height: 80rpx;
    padding-left: 20rpx;
}

.text1 {
    flex: 2;
    color: #333;

}

.weui-input {
    flex: 6;
    color: #333;
    font-size: 28rpx;
}

.btnBox {
    width: 100%;
    display: flex;
    justify-content: center;
}

.btn {
    margin-top: 20rpx;
    width: 200rpx !important;
    border: 1rpx solid transparent;
    background-color: #F2EAFD;
    border-radius: 30rpx;
    font-size: 28rpx;
    font-weight: bold;
    color: #564CDE;

}

.tiBox {
    display: flex;
    flex-direction: column;
    width: 600rpx;
    background: linear-gradient(160deg, #F0E8FD, #FFFFFF);
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(217, 210, 253, 0.19);
    border-radius: 30rpx;
}

.tiBox::-webkit-scrollbar,
.van-popup::-webkit-scrollbar {
    display: none;
}

.tiTop {
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    border-bottom: 2rpx solid #f2f2f2;
    /* background-color: aqua; */
    font-size: 32rpx;
    font-weight: bold;
}

.tiCon {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1;
    width: 100%;
    /* background-color: aquamarine; */
}

.tiCon>view {
    width: 140rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    border-radius: 60rpx;
    font-size: 36rpx;
    color: #EB583F;
    border: 2rpx solid #ccc;

}

.select {
    color: #FFFAE7 !important;
    border: 2rpx solid transparent !important;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(235, 88, 63, 0.36) !important;
    background: linear-gradient(30deg, #EB583F, #E2805C) !important;
}

.tiBtnBox {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80rpx;
    border-top: 2rpx solid #f2f2f2;
}

.tiBtnBox>view {
    width: 50%;
    line-height: 80rpx;
    text-align: center;
    font-size: 32rpx;
    color: #333;
}

.tiBtnBox>view:first-child {
    border-right: 2rpx solid #f2f2f2;
}

.tipBox {
    width: 600rpx;
    background: linear-gradient(180deg, #F0E8FD, #FFFFFF);
    padding-bottom: 30rpx;
    z-index: 30;
    border-radius: 30rpx;
}

.tipBox>view:first-child {
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    border-bottom: 2rpx solid #fafafa;
    font-size: 32rpx;
    font-weight: bold;
}

.tipCon {
    box-sizing: border-box;
    padding: 10rpx 40rpx;
    width: 100%;
    line-height: 60rpx;
    display: flex;
    flex-direction: column;
    font-size: 28rpx;
    color: #333;
}

.tipTitle {
    font-weight: bold;
}

.subBtn {
    margin: 30rpx 60rpx 0rpx;
    width: 80%;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    background-color: #F2EAFD;
    border-radius: 30rpx;
    font-size: 28rpx;
    font-weight: bold;
    color: #564CDE;
}

.severTip {
    box-sizing: border-box;
    padding: 20rpx 30rpx;
    width: 100%;
    font-size: 28rpx;
    color: #333;
    font-family: Source Han Sans CN;
}

.severTip>view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 50rpx;
}

.severTip>view>text:first-child {
    color: #999999;
}

.severTip>view:last-child>text:last-child {
    color: #333;
    font-weight: bold;
    font-size: 36rpx;
}